<template>
    <div>
        <!-- 封装成全局组件,不需要引入 -->
        <!-- svg:图标外层容器节点,内部需要与use标签结合使用--
xlink:href执行用哪一个图标,属性值务必#icon-图标名字 use标签fi11届性可以设置图标的颜色-->
        <svg :style="{width,height}">
            <use :xlink:href="prefix+icon" :fill="color"></use>
        </svg>
    </div>
</template>
<script setup lang="ts">
defineProps({
    color:String,
    prefix:{
        type:String,
        default:'#icon-'
    },
    icon:String,
    width:String,
    height:String
})

</script>